<ion-header class="order-details-header">

  <ion-navbar hideBackButton="true">

    <ion-buttons start navPop class="back-buttons">
      <button ion-button clear></button>
    </ion-buttons>

    <ion-title float-left>借款详情</ion-title>

  </ion-navbar>

</ion-header>


<ion-content class="order-details-section">

  <progress-list *ngIf="progressList"
                 [options]="progressList">
  </progress-list>
  <!--<back-money-brief [showSmallPadding]="true"-->
                    <!--[options]= "moneyObj">-->

  <!--</back-money-brief>
  ; let i= index
  -->

  <div class="borrow-items">
    <div>借款明细</div>
    <ul>
      <li *ngFor="let item of tradeInfo; let i= index" [hidden]="i>5">
        <div>{{item.title}}</div>
        <p>{{item.content}}</p>
      </li>
    </ul>
  </div>
  <div class="give-back-items">
    <div>预计还款</div>
    <ul>
      <li *ngFor="let item of tradeInfo; let i= index" [hidden]="i<6||i>8">
        <div>{{item.title}}</div>
        <p>{{item.content}}</p>
      </li>
    </ul>
  </div>
  <div class="give-back-items">
    <div>实际还款</div>
    <ul>
      <li *ngFor="let item of tradeInfo; let i= index" [hidden]="i<8">
        <div>{{item.title}}</div>
        <p>{{item.content}}</p>
      </li>
    </ul>
  </div>

</ion-content>
